/**
 * Created by zongjuan.wang on 2016/7/13.
 */


function post(){
    document.getElementById("post").style.display="block";
}

var tou=new Array("tou01.jpg","tou02.jpg","tou03.jpg","tou04.jpg");
function postSuccess(){
    var $li=$("<li></li>");
    var $newLi=$("<li></li>");   //创建一个新的li节点元素
    var iNum=Math.floor(Math.random()*4);  //随机获取头像
    var $touDiv=$("<div></div>");    //创建头像所在的div节点
    var $touImg=$("<img />");  //创建头像节点
    $touImg.after("src","images/"+tou[iNum]);  //增加头像路径
    $touDiv.append($touImg);      //将头像放在div节点中

    var $titleH1=$("<h1>h1</h1>"); //创建标题所在的标签h1
    var $title=$("#title").val();   //获取标题
     $titleH1.html(title);   //将标题内容放在h1标签中

    var $newP=$("<p></p>"); //创建一个新的p节点元素
    var $secName=$("<span></span>");
    var $secSelect=$("#sec").val();  //获取版块
    $newP.html("版块："+secSelect);    //把版块内容放到span中
    var myDate=new Date();
    var currentDate=myDate.getFullYear()+"-"+parseInt(myDate.getMonth()+1)+"-"+myDate.getDate()+" "+myDate.getHours()+":"+myDate.getMinutes();
    var $timeSpan=$("<span></span>");
    $timeSpan.html("发表时间："+currentDate);
    $newP.append($secName);   //在p节点中插入版块
    $newP.append($timeSpan);  //在p节点中插入发布时间；

    $newLi.append($touDiv);  //插入头像
    $newLi.append($titleH1);  //插入标题
    $newLi.append($newP);  //插入版块、时间内容
    var $postList=$("#postList");
    //postList.insertBefore(newLi,postList.firstChild);   //把当前内容插入到列表最前面
    $postList.prepend($newLi);
    document.getElementById("title").value="";    //标题设置为空
    document.getElementById("content").value="";  //内容设置为空

    document.getElementById("post").style.display="none";
}